﻿/* CSS Document */
@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; border: 0; }
html { color: #666; }
html, body { width: 100%; min-width: 320px; }
body, button, input, select, textarea { margin: 0; padding: 0; font-family: "微软雅黑", "Microsoft Yahei", "Arial", "Verdana", "sans-serif"; font-size: 14px; background: #fff }
ul, ol, li, dl, dd, dt { list-style: none; }
em { font-style: normal; }
a { text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
legend { color: #000; }
fieldset, img { border: 0; }
label, button { cursor: pointer; }
/*解决IE图片缩放失真*/
img { -ms-interpolation-mode: bicubic; }
/*清除浮动*/
.clearfix:after { content: ''; display: block; height: 0; clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; }
/*连续英文、数字换行*/
.wordwrap { word-break: break-all; word-wrap: break-word; }
/*单行文字超出显示省略号*/
.omg { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
img { border: 0; vertical-align: middle; }
a { color: #3a3a3a; text-decoration: none;}
a:hover { text-decoration: none }
.fl { float: left; }
.fr { float: right; }

/* 设置滚动条的样式 */
::-webkit-scrollbar {
width:4px;
}/* 滚动槽 */
::-webkit-scrollbar-track {
background-color:#f0f0f0;
border-radius:0px;
}/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
background-color:#6d6e70;
}
::-webkit-scrollbar-thumb:window-inactive {
background-color:#3c3c3c;
}

/*首页*/
.container { width:95%;max-width: 1230px; margin: 0 auto; }

#header{width:100%;background:#ffffff;border-bottom:1px solid #dedede;position:relative;}
#header .logo { width: 564px;display: inline-block;margin-right:20px; overflow:hidden;}
#header .logo  a{display:block;height:130px;background:url(../images/logo1.jpg) left center no-repeat;}
#header .logo img { vertical-align: middle; }

#header .top_code{display:none;float:right;width:120px;height:120px;margin-top:10px;margin-right:20px;}
#header .top_code img{max-width:100%;max-height:100%;}

.logo_desc{float:right;width:350px;margin-top:24px;text-align:right;}
.logo_desc div.tel{display:inline-block;font-size:18px;font-weight:bold;color:#125196;padding-left:30px;position:relative;height:30px;line-height:30px;}
.logo_desc div.tel:before{content:'';background:url(../images/top_tel.png) left center no-repeat;width:30px;height:30px;background-size:cover;position:absolute;top:50%;left:0;margin-top:-15px;}
.h_search{width:100%;padding:4px 0;}
.h_search .form1{max-width:1280px;margin:0 auto;line-height:59px;}
.h_search .form_text1 { float:left; width:75%; height:50px; line-height:28px; text-indent:10px; outline:none;background:#f1f1f1;margin:3px 0;font-size:14px;border-radius: 0 0 0 4px;}
.h_search .form_button1{float:left;width:25%; height:50px; background:#7a9bba; border:0; outline:none; color:#FFF; margin:3px 0;cursor:pointer;border-radius:0 0 4px 0;font-size:16px;}
.h_search .form_button1:hover{ background:#4d779e;}

/*导航*/
#nav { background-color:#ffffff; width:100%;box-shadow: 0px 3px 6px 0px rgba(127,127,127,0.20);}
#nav ul li { float: left; width:11%;margin:0 0.6%;}
#nav ul li a { color: #000;width:98%; padding: 0 1%; font-size: 15px; text-align: center; height:50px; line-height: 50px; padding-bottom:2px;display: inline-block; cursor: pointer;position: relative;overflow: visible;-webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;}
#nav ul li a:after{content:'';display:block;width:0;margin:0 auto;height:2px;background:#4d779e;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
#nav ul li a:hover {color:#4d779e;}
#nav ul li a:hover:after{width:50%;}	
#nav ul li a.active:after{width:50%;}
#nav .top{display:none;}
#nav .logo{display:none;}

.web_nav{display:none;width:90%; height: 50px;line-height:50px;color:#fff;font-size:16px;margin:0 auto;font-weight:bold;}
.btn-menu {display:block;float:right;position:relative;background:transparent;cursor:pointer;padding: 15px 0;width:26px;height:16px;-webkit-transition:all ease .238s;-moz-transition:all ease .238s;transition:all ease .238s;outline:none;}
.btn-menu:before,.btn-menu:after,.btn-menu span {background-color:#ffffff;-webkit-transition:all ease .238s;-moz-transition:all ease .238s;transition:all ease .238s;}
.btn-menu:before,.btn-menu:after {content:'';position:absolute;top:0;height:1px;width:100%;left:0;top:50%;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;}
.btn-menu span {position:absolute;width:100%;height:1px;left:0;top:50%;overflow:hidden;text-indent:200%;}
.btn-menu:before {-webkit-transform:translate3d(0,-7px,0);transform:translate3d(0,-7px,0);}
.btn-menu:after {-webkit-transform:translate3d(0,7px,0);transform:translate3d(0,7px,0);}
.btn-menu.active span {opacity:0;}
.btn-menu.active:before {background-color:#ffffff;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);}
.btn-menu.active:after {background-color:#ffffff;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);}

/*首页banner*/
#banner {width:100%;height:auto;position:relative;z-index:1;overflow:hidden;margin:0 auto 0px auto;}
#banner img {width:100%;}
#banner-inside {position:relative;width:100%;height:350px;overflow:hidden;margin:0px auto;}
#banner-inside img {position:absolute;left:50%;top:0px;margin-left:-1000px;}

/*首页第一块产品分类*/
.product {background:#fff;width:100%;padding:40px 0px;margin:0px auto;}
.product .bd {width:95%;max-width:1230px;height:370px;margin:0px auto;margin:40px auto 40px;overflow:hidden;}
.product .bd li {position:relative;display:block;float:left;width:22.5%;height:370px;background:url(../images/product-bg.png) no-repeat;background-size:100% 100%;background-position:left top;margin:0 15px 0 15px;overflow:hidden;}
.product .bd li>a{display:block;display: flex;justify-content: center;align-items: center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;}
.product .bd li .img {max-width:100%;max-height:100%;width:100%;margin:30px auto 0px auto;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.product .bd li .name {position:absolute;left:0px;bottom:0px;width:100%;height:60px;overflow:hidden;background:#7a7b7b;color:#fff;text-align:center;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.product .bd li .name p a{display:block; height:60px;line-height:60px;font-size:20px;font-weight:normal;text-transform:uppercase;color:#fff;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.product .bd li .name span a{color:#fff;display:block;background:url(../images/product-line.png) no-repeat;background-position:center bottom;font-size:16px;font-weight:normal;text-align:center;padding:0 10px 12px;height:25px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.product .bd li:hover .img {margin-top:20px;}
.product .bd li:hover .name {height:110px;background:#4d779e;}
.product .arrow {margin:0px auto;text-align:center;}
.product .arrow a {position:relative;display:inline-block;width:90px;height:28px;border:1px solid #ddd;border-radius:30px;margin:0px 10px;overflow:hidden;cursor:pointer;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.product .arrow a:hover {background-color:#4d779e;border:1px solid #4d779e;}
.product .arrow a:hover img {margin-top:-28px;}

.h_tlt1{width:100%;text-align:center;position:relative;padding-bottom:10px;}
.h_tlt1:after{content:'';width:60px;height:2px;background:#7a9bba;position:absolute;bottom:0;left:50%;margin-left:-30px;}
.h_tlt1 .abc{font-size:24px;font-weight:bold;color:#333;text-align:center;display:inline-block;vertical-align:top;height:40px;line-height:40px;margin-right:5px;}

.sy_gg{width:100%;}
.sy_gg img{max-width:100%;height:auto;}

/*首页产品展示*/
.h_products{width:100%;background:#f5f5f5;}
.h_products_in{ width:90%;max-width:1230px;margin:0 auto;padding:10px 0 10px;}
.h_products .pro_bd{margin-top:40px;}
.h_products .pro_bd ul li{float:left;width: 22%;margin-right:3.5%;margin-bottom:30px;height:305px;}
.h_products .pro_bd ul li>div{display:block;background:#fff;padding-bottom:10px;position:relative;background: #fff;box-shadow: 0px 0px 6px 0px rgba(127,127,127,0.30);-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
.h_products .pro_bd ul li:nth-child(4n) {margin-right: 0px;}
.h_products .pro_bd ul li a{display:block;}
.h_products .pro_bd ul li a .pro_img{text-align:center;width:100%;height:245px;background:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}
.h_products .pro_bd ul li a .pro_img img{vertical-align:middle;max-width:90%;max-height:90%;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
.h_products .pro_bd ul li a .pro_img .iblock {display:inline-block;height:100%;width:0;vertical-align:middle}
.h_products .pro_bd ul li a p{width:100%;height:50px;line-height:50px;font-size:15px;text-align:center;color:#555;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.h_products .pro_bd ul li a p:after{content:'';display:block;width:30px;height:2px;margin:-5px auto 0;background:#4d779e;}
.h_products .pro_bd ul li:hover>div{margin-top: -5px;box-shadow: 0px 5px 10px 5px #e1dddd;}

.h_more{width:120px;margin:20px auto 30px;display:block;padding:0 20px;height:40px;line-height:40px;border:1px solid #4d779e;text-align:center;font-size:14px;color:#4d779e;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
.h_more:hover{background:#4d779e;color:#fff;}

/*首页文章*/
.h_title { width:94%; height: 30px; overflow: hidden; line-height: 30px; margin: 15px 3% 15px;padding: 0 0 10px;border-bottom:1px solid #dedede;}
.h_title .abc { float:left; height: 20px; line-height: 25px; color: #333; font-size: 15px;padding-left:20px;position:relative;}
.h_title h3:before{content:'';display:block;width:3px;height:18px;background:#333;position:absolute;top:50%;margin-top:-9px;left:0;}
.h_title h3 a{color: #4d779e; font-size: 24px;}
.h_title h3 img { display:block; width: 2px; height: 24px; float: left; margin: 3px 18px 3px 0; padding: 0;}
.h_title h3 span { display:inline-block; color:#999; font-size: 14px; font-family: "Arial"; font-style: italic; margin: 0 0 0 14px;font-weight:normal;}
.h_title a { display:inline-block; float: right; color: #7a9bba; font-size: 14px;}
.h_title a img { display:inline-block; vertical-align: middle; margin: -4px 0 0 4px;}

.h_article { width:100%; overflow: hidden; margin: 0 auto; padding: 30px 0 30px;background:#fff;}
.h_article .art_l, .h_article .art_r { width:31%; overflow: hidden; margin: 0 3% 0 0; padding: 0;border: 1px solid #e7eaf1;border-radius: 5px;box-shadow: 0 1px 3px rgba(0, 37, 55, 0.05);}
.h_article .art_l { float: left;}
.h_article .art_r { float: right; margin: 0;}
.art_list { width:94%; height: 212px; overflow: hidden; margin: 0 auto; padding: 0 0 0 0;  box-sizing: border-box;}
.art_list ul li { width:100%; height: 40px; overflow: hidden; line-height: 40px; margin: 0; padding: 0 0 0 12px; background: url(../images/art_tb.jpg) 8px center no-repeat;box-sizing: border-box;}
.art_list ul li a { display: inline-block; width: 75%; color: #666; font-size: 14px; text-indent: 4px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.art_list ul li span { display:inline-block; width: 20%;color: #999; font-family: "Arial"; font-size: 12px; float: right;text-align:right;}
.art_list ul li a:hover { color:#4d779e; text-decoration: underline;}

.art_list ul.downlist{float:left;width:100%;}
.art_list ul.downlist li {width:50%;height: 34px; overflow: hidden; line-height: 34px; margin: 0;box-sizing: border-box;color: #fff;padding: 0 0 0 0;float: left;margin-bottom: 7px;background:none;}
.art_list ul.downlist li a {text-align:center; display: inline-block; width: 75%; color: #555;background: #e6e6e6;font-size: 14px; text-indent: 0;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;border-radius:0 0 2px 2px;padding:0 5% 0 5%;position:relative;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
.art_list ul.downlist li a:hover { color:#fff;text-decoration:none;background: #7a9bba;}

.link{width:100%;padding-bottom:30px;background:#fff;}
.link  .link_con{width:100%;margin:0 auto;background:#fff;padding:15px 10px;}
.link  .link_con span{display:block;background:url(../images/pecv.png) left center no-repeat;padding-left:25px;font-size:15px;font-weight:bold;height:26px;line-height:26px;margin-bottom:5px;}
.link  .link_con p{font-size:12px;color:#555;line-height:24px;padding:0 15px 0 0;}
.link  .link_con p a{font-size:12px;color:#555;}

.foot1{background-color: #525252;width: 100%;}
.foot1 .fb_b{padding:10px 0 30px;text-align:center;color:#ffffff;font-size:12px;}
.foot1 .fb_b a{color:#ffffff;}

.foot2{background-color:#525252;width: 100%;padding:40px 0 30px;color:#ffffff;font-size:12px;}
.foot2 ul li{float:left;width:29%;margin-right:3%;background:#555555;padding:10px 1%;}
.foot2 ul li:nth-child(3n) {margin-right: 0px;}
.foot2 ul li .icon{width:50px;height:50px;float:left;}
.foot2 ul li.f1 .icon{background:url(../images/f_icon1.png) top center no-repeat;}
.foot2 ul li.f2 .icon{background:url(../images/f_icon2.png) top center no-repeat;}
.foot2 ul li.f3 .icon{background:url(../images/f_icon3.png) top center no-repeat;}
.foot2 ul li .wz{float:left;width:80%;}
.foot2 ul li .wz p{font-size:15px;font-weight:bold;color:#fff;}
.foot2 ul li .wz span{display:block;font-size:12px;color:#fff;padding-top:10px;height:35px;overflow:hidden;}
.foot2 ul li:hover{background:#4d779e;}


/*悬浮链接*/
.suspension{position:fixed;z-index:999999999;right:0;/*bottom:60px;*/width:70px;height:240px; top:30%;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:55px;height:40px;padding:10px 0 5px;background-color:#7a9bba;margin-bottom:4px;cursor:pointer;outline:none;text-decoration:none;text-align:center;border-radius:2px;}
.suspension .a.active,
.suspension .a:hover{background:#4d779e;}
.suspension .a .i{display:inline-block;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
.suspension .a-service .i{display:inline-block;width:20px;height:20px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a span{display:block;width:100%;text-align:center;color:#fff;font-size:12px;padding-top:4px;}
.suspension .a-service-phone .i{display:inline-block;width:20px;height:20px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{display:inline-block;width:20px;height:20px;background-position: -56px -12px;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:240px;background:#fff;position:absolute;right:67px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;/*background:url(../images/side_bg_arrow.png) no-repeat;*/right:-8px;top:31px;}
.qrcode-img img{width:150px;margin:0 auto;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:50px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px;}
.suspension .d-service-item{padding:4px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item p{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service .d-service-item p{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;width:160px;}
.suspension .d-qrcode .inner-box{padding:10px 0;}
.suspension .d-qrcode p{font-size:14px;color:#999;padding-top:5px;}

/*-------------------内页开始-------------------*/

.ny_tjcp{width:100%;padding:40px 0;}
.ny_tjcp .product{padding:0;}
.ny_tjcp .product .bd{width:100%;margin:0 auto 30px;}
.ny_tjcp .product .bd li{background:none;}
.ny_tjcp .product .bd li .name span{color:#fff;display:block;background:url(../images/product-line.png) no-repeat;background-position:center bottom;font-size:16px;font-weight:normal;text-align:center;padding:0 10px 12px;height:25px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}

.ny_banner{width:100%;position:relative;}
.ny_banner picture{display:block;}
.ny_banner img{width:100%;height:auto;}

.ny_tlt1{width:100%;margin-bottom:30px;}
.ny_tlt1 p{font-size:24px;color:#4d779e;text-align:center;}
.ny_tlt1 span{display:block;font-size:14px;font-weight:lighter;color:#999;text-align:center;height:30px;line-height:30px;}

.ny_news_con2 .about_wz{width:100%;font-size:13px;line-height:30px;color:#555;}
.ny_zycp{background:#f1f1f1; padding:20px 15px;margin-bottom:25px;margin-top:20px;}

/*内页产品分类*/
.syFocusThumb .prev{ display:inline-block;vertical-align:middle;width:10%;height:40px;background-repeat:no-repeat;background-color:#fff; background-image:url(../images/pre.png);background-position:center center;background-size:initial;border-right: 1px solid #f1f1f1;}
.syFocusThumb .next{ display:inline-block;vertical-align:middle;width:10%;height:40px;background-repeat:no-repeat;background-color:#fff;background-image:url(../images/next.png);background-position:center center;background-size:initial;border-left: 1px solid #f1f1f1;}
.syFocusThumb{POSITION: relative; WIDTH:100%; margin:20px auto;padding-top:60px;}
.pagination {POSITION: absolute; TEXT-ALIGN: left;CLEAR: both; TOP: 0; LEFT: 0px;width:100%;height:40px;margin-bottom:20px;box-shadow: 0px 0px 20px 0px #eaeaea;overflow: hidden;}
.thumbWrap {POSITION: absolute; WIDTH:80%; OVERFLOW: hidden; TOP: 0; LEFT:10%;}
.holder {WIDTH: 4000px}
.holder I {CURSOR: pointer;font-style:normal;display:inline-block;width:80px;height:40px;line-height:40px;white-space:nowrap;font-size:12px;text-align:center;cursor:pointer;position:relative;padding:0 5px; vertical-align:top;border-radius:0 4px 0 4px;overflow:hidden;margin:0 2px;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
.holder I:first-child{width:50px;}
.prev {POSITION: absolute; WIDTH:10%; TOP:0; CURSOR: pointer; LEFT: 0}
.next {POSITION: absolute; WIDTH:10%; TOP:0; CURSOR: pointer; RIGHT: 0;}
.pagination I.selected{ background-color:#ffb440;color:#fff; }
.pagination I.selected a{ color:#ffffff;}
.sliderwrapper{ width:100%;padding-left:5px; text-align:left;}
.toc{ }
.toc a{color:#4d779e;}
.contentdiv {font-size:0;margin:0 10px;}
.contentdiv:first-child{display:none !important;}
.contentdiv  a {text-align:center;border-radius:2px; display:inline-block;vertical-align:top; padding: 8px 2%;color: #76838f;-webkit-transition: .25s;-o-transition: .25s;transition: .25s;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;height:22px;line-height:22px;font-size:12px;width:8%;transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s;-webkit-transition-duration: .3s;background:#f1f1f1;margin:10px 5px 0 0;}
.contentdiv a:hover {background: #afafaf;color:#fff;}


.hidebtn{float:right; display:block;width:80px;height:20px;line-height:20px;box-shadow: 0px 0px 20px 0px #eaeaea;background:#dedede;margin:0 auto 20px;font-size:12px;color:#555;text-align:center;cursor:pointer;}


.ny_content_wrap{background: #ffffff;width:100%;}
.ny_content{width:90%;max-width:1230px;margin:0 auto;padding-top:20px;padding-bottom:20px;}

.ny_content .content_right{float:right;width:100%;padding:1%;}
.ny_content .content_right2{float:none;width:100%;padding:0;padding-bottom:30px;}
.ny_content .content_right .bread_nav{overflow:hidden;height:40px;line-height:40px;margin-bottom:10px;padding-bottom:5px;}
.ny_content .content_right .bread_nav div{width:100%;text-align:left;color:#777;overflow:hidden;font-size:12px;}
.ny_content .content_right .bread_nav div>em{display:inline-block;width:25px;height:40px;background:url(../images/dw.png) center center no-repeat;vertical-align: top;}
.ny_content .content_right .bread_nav div a{color:#555;}
.ny_content .content_right .bread_nav div a:hover{color:#0256ac}
.ny_content .content_right .conn{color:#555;font-size:14px;line-height:28px;padding-top:10px; z-index:1; position:relative;}
.ny_content .ny_news_con2{min-height:300px;}
.ny_content .content_right .conn .ny_news_con img,.ny_content .content_right .conn .ny_news_con  table,.ny_content .content_right .conn .ny_news_con  tr,.ny_content .content_right .conn .ny_news_con  td,.ny_content .content_right .conn .ny_news_con  p,.ny_content .content_right .conn .ny_news_con  span,.ny_content .content_right .conn .ny_news_con  div,.ny_content .content_right .conn .ny_news_con  video,.ny_content .content_right .conn .ny_news_con embed{width:auto !important;height:auto !important;max-width:100% !important;max-height: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all;}

/*内页产品展示*/
.ny_products{width:100%;}
.ny_products .pro_bd{}
.ny_products .pro_bd ul li{float:left;width: 30%;margin-right:4.5%;margin-bottom:30px;height:360px;}
.ny_products .pro_bd ul li:nth-child(3n) {margin-right: 0px;}
.ny_products .pro_bd ul li>div{display:block;background:#fff;padding-bottom:10px;position:relative;background: #fff;box-shadow: 0px 0px 6px 0px rgba(127,127,127,0.30);-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
.ny_products .pro_bd ul li a .pro_img{text-align:center;width:100%;height:300px;background:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}
.ny_products .pro_bd ul li a .pro_img img{vertical-align:middle;max-width:90%;max-height:90%;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
.ny_products .pro_bd ul li a .pro_img .iblock {display:inline-block;height:100%;width:0;vertical-align:middle}
.ny_products .pro_bd ul li a p{width:100%;height:50px;line-height:50px;font-size:15px;text-align:center;color:#555;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.ny_products .pro_bd ul li a p:after{content:'';display:block;width:30px;height:2px;margin:-5px auto 0;background:#4d779e;}
.ny_products .pro_bd ul li:hover>div{margin-top: -5px;box-shadow: 0px 5px 10px 5px #e1dddd;}

.NyProDetail_Btm { width:100%; height:60px; overflow:hidden; margin:40px auto 0; padding:0; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.NyProDetail_Btm a { display:block; width:auto; height:60px; overflow:hidden; margin:0 40px 0 0; padding:0; background-color:#f9f9f9; border-radius:30px; float:left;}
.NyProDetail_Btm a.Btn01 i { display:block; width:60px; height:60px; margin:0; padding:6px; background-color:rgba(0,154,126,0.05); border-radius:50%; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.NyProDetail_Btm a.Btn01 i em { display:block; width:48px; height:48px; margin:0; padding:0; background:#7a9bba url(../images/ico11.png) center center no-repeat; background-size:30px 30px; border-radius:50%;}
.NyProDetail_Btm a.Btn01 span { display:block; width:auto; height:60px; line-height:40px; color:#7a9bba; font-size:20px; font-weight:bold; margin:0; padding:10px 30px 10px 20px; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.NyProDetail_Btm a.Btn02 { margin:0;}
.NyProDetail_Btm a.Btn02 i { display:block; width:60px; height:60px; margin:0; padding:6px; background:rgba(51,51,51,0.05); border-radius:50%; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.NyProDetail_Btm a.Btn02 i em { display:block; width:48px; height:48px; margin:0; padding:0; background:#333333 url(../images/ico12.png) center center no-repeat; background-size:30px 30px; border-radius:50%;}
.NyProDetail_Btm a.Btn02 span { display:block; width:auto; height:60px; line-height:40px; color:#333333; font-size:24px; font-weight:bold; margin:0; padding:10px 30px 10px 20px; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}





/*内页相关文章*/
.ny_tlt2{width:100%;margin-bottom:30px;position:relative;overflow:hidden;}
.ny_tlt2 p{float:left;font-size:18px;color:#4d779e;text-align:left;padding-right:20px;padding-left:10px;font-weight:bold;}
.ny_tlt2:before{content:'';width:2px;height:17px;background:#4d779e;position:absolute;left:0;top:50%;margin-top:-7px;}
.ny_xgwz{background:#ffffff;padding:20px 0;}
.ny_xgwz ul li{float:left;width:49%;margin-bottom:10px;position:relative;background:#f1f1f1;}
.ny_xgwz ul li a{display:block;float:left;width:68%;padding:5px 0 5px 5%;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;font-weight:bold;color:#666;}
.ny_xgwz ul li span{display:block;float:right;width:20%;color:#999;text-align:right;padding:5px 5% 0 0;}
.ny_xgwz ul li:nth-child(odd){float:left;}
.ny_xgwz ul li:nth-child(even){float:right;}
.ny_xgwz ul li:before{content:'';width:10px;height:1px;background:#4d779e;position:absolute;left:10px;top:50%;}
.ny_xgwz ul li:hover{background:#7a9bba;color:#fff}
.ny_xgwz ul li:hover:before{background:#ffffff;}
.ny_xgwz ul li:hover a,.ny_xgwz ul li:hover span{color:#ffffff;}

/*内页新闻列表*/
.new_inside{width:100%;}
.new_inside ul{width:100%;padding:0;}
.new_inside ul li{margin-bottom:20px;position:relative;}
.new_inside ul li a{display:block;background:#ffffff;padding:24px;position:relative;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;box-shadow: 0px 0px 6px 0px rgba(127,127,127,0.10);border-bottom: 1px dotted #dedede;}
.new_inside ul li .news_time{position:absolute;left:24px;top:24px;width:90px;text-align:center;background:#f1f1f1;overflow:hidden;}
.new_inside ul li .news_time p{font-size:24px;font-weight:bold;color:#7a9bba;height: 48px;line-height: 48px;}
.new_inside ul li .news_time span{font-size:14px;color:#fff;display:block;background:#7a9bba;}
.new_inside ul li .news_con{padding-left:120px;}
.new_inside ul li .news_con p{font-size:15px;font-weight:bold;color:#4d779e;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.new_inside ul li .news_con span{display:block;font-size:14px;color:#999;line-height:22px;padding-top:5px;height:45px;overflow:hidden;}
.new_inside ul li a:hover{transform: rotateX(360deg);background: #597c9c;}
.new_inside ul li a:hover p,.new_inside ul li a:hover span{color:#fff;}
.new_inside ul li a:hover .news_time p{color:#7a9bba;}


.article_inside{width:100%;}
.article_inside ul{width:100%;padding:0;}
.article_inside ul li{margin-bottom:20px;}
.article_inside ul li .news123{display:block;overflow:hidden;background:#ffffff;padding:24px;position:relative;box-shadow: 0px 0px 20px 0px #eaeaea;}
.article_inside ul li .news123 .news_time{position:absolute;left:24px;top:24px;width:90px;text-align:center;padding:10px 0;overflow:hidden;border-radius:4px 0 4px 0;}
.article_inside ul li .news123 .news_time p{font-size:24px;font-weight:bold;color:#4d779e;padding-bottom:5px;position:relative;}
.article_inside ul li .news123 .news_time p:after{content:'';display:inline-block;width:20px;height:1px;background:#4d779e;position:absolute;bottom:0;left:50%;margin-left:-10px;}
.article_inside ul li .news123 .news_time span{font-size:16px;color:#4d779e;}
.article_inside ul li .news123 .news_con{padding-left:110px;}
.article_inside ul li .news123 .news_con p a{font-size:15px;font-weight:bold;color:#4d779e;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.article_inside ul li .news123 .news_con span{display:block;font-size:14px;color:#999;line-height:22px;padding-top:5px;height:45px;overflow:hidden;}
.article_inside ul li .news123:hover{background:#7a9bba;}
.article_inside ul li .news123:hover p a{color:#fff}
.article_inside ul li .news123:hover span{color:#fff}
.article_inside ul li .news123:hover p:after{background:#ffffff;}


.down_inside{width:100%;}
.down_inside ul{width:100%;padding:0;}
.down_inside ul li{float:left;margin-bottom:30px;overflow:hidden;background:#ffffff;padding:15px;box-shadow: 0px 0px 20px 0px #eaeaea;width:28%;margin-right:3%;}
.down_inside ul li:nth-child(3n) {margin-right: 0px;}
.down_inside ul li .news_con{}
.down_inside ul li .news_con p{font-size:15px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap; border-bottom: 1px solid #dedede;margin-bottom:15px;}
.down_inside ul li .news_con p a{display:block;width:65%;float:left;height:40px;line-height:40px;color:#333;font-weight:bold;}
.down_inside ul li .news_con p span{display:block;width:30%;float:right;height:40px;line-height:40px;text-align:right;color:#999;}
.down_inside ul li .news_con a.xz{display:block;width:120px;height:40px;background:#7a9bba;color:#fff;line-height:40px;text-align:center;border-radius:2px;margin:0 auto;}
.down_inside ul li:hover{background:#7a9bba;}
.down_inside ul li:hover .news_con p a{color:#fff}
.down_inside ul li:hover p span{color:#fff}
.down_inside ul li:hover a.xz{background:#fff;color:#7a9bba;}

.down_btn a{display:block;width:160px;height:40px;font-size:16px;color:#fff;background:#7a9bba;line-height:40px;text-align:center;margin:40px auto 0;border-radius:2px; }
.down_btn a:hover{background:#4d779e;}



.ny_content .content_right .conn .ny_news_tlt{text-align:center;font-size:20px;color:#555;padding:10px 0;}
.ny_news_time{text-align:center;font-size:12px;color:#999;padding-bottom:10px;border-bottom:1px dashed #dedede;margin-bottom:10px;}
.ny_news_ye{padding-top:30px;}
.ny_news_ye p{height:35px;line-height:35px;background:#f1f1f1;margin-bottom:10px;padding:0 20px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}

.content_left .show_menu{width:100%;}

.page_list{margin-bottom:30px;}
.ly_msg h3{display:none;}

.content_right .conn .pro_name{font-size:24px;font-weight:bold;line-height:28px;color:#7a9bba;margin-bottom:10px;}

.content_right .conn .proshow1{padding-top:40px;position:relative;padding-bottom:20px;background:#ffffff;}
.content_right .conn .proshow1 .js-silder{float:left;width:45%;margin-top:0 !important;background:#ffffff;}
.proshow1 .js-silder .silder-main-img {width:100%;text-align:center;height:400px;}
.proshow1 .js-silder .silder-main-img img {max-width:80% !important;max-height:100%;vertical-align:middle}
.proshow1 .js-silder .silder-main-img .iblock {display:inline-block;height:100%;width:0;vertical-align:middle}
.proshow1 .prodesc p{font-size:14px;line-height:24px;margin-bottom:10px;}
.proshow1 .prodesc p.bt{font-size:20px;font-weight:normal;color:#b5b5b5;}
.content_right .conn .proshow1 .prodesc{float:right;width:51%;}
.content_right .conn .proshow1 .prodesc p.desc{height:125px;overflow:hidden;color:#999;}
.content_right .conn .proshow1 .pro_btn{padding-top:30px;overflow:hidden;}
.content_right .conn .proshow1 .pro_btn1{display:block;width:40%;margin-right:20px;height:55px;line-height:55px;text-align:center;font-size:16px;color:#fff;background:#7a9bba;border-radius:2px;float:left;border:1px solid #fff;}
.content_right .conn .proshow1 .pro_btn2{display:block;width:40%;margin-right:0;height:55px;line-height:55px;text-align:center;font-size:16px;background:#7b7b7b;color:#fff;border-radius:2px;float:left;border:1px solid #fff;}
.content_right .conn .proshow1 .pro_btn2 em{display:block;}
.content_right .conn .proshow1 .pro_btn1:hover{background:#fff;border:1px solid #7a9bba;color:#7a9bba;}
.content_right .conn .proshow1 .pro_btn2:hover{background:#fff;border:1px solid #7b7b7b;color:#7b7b7b;}


.content_right .conn .xgcp li{float:left;width: 30%;margin-right:4.5%;margin-bottom:30px;height:360px;}
.content_right .conn .xgcp li:nth-child(3n) {margin-right: 0px;}
.content_right .conn .xgcp li>div{display:block;background:#fff;padding-bottom:10px;position:relative;background: #fff;box-shadow: 0px 0px 6px 0px rgba(127,127,127,0.30);-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
.content_right .conn .xgcp li a .pro_img{text-align:center;width:100%;height:300px;background:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}
.content_right .conn .xgcp li a .pro_img img{vertical-align:middle;max-width:90%;max-height:90%;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
.content_right .conn .xgcp li a .pro_img .iblock {display:inline-block;height:100%;width:0;vertical-align:middle}
.content_right .conn .xgcp li a p{width:100%;height:50px;line-height:50px;font-size:15px;text-align:center;color:#555;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.content_right .conn .xgcp li a p:after{content:'';display:block;width:30px;height:2px;margin:-5px auto 0;background:#4d779e;}
.content_right .conn .xgcp li:hover>div{margin-top: -5px;box-shadow: 0px 5px 10px 5px #e1dddd;}


.tags_title{border-bottom:1px solid #DDD;margin:0 0 30px;}
.tags_title span{width:80px;padding:0 15px;font-size:16px;text-align:center;height:45px;line-height:45px;margin-bottom: -1px;background:#f8f8f8;color:#333;display:block;margin-left: 5px;border: 1px solid #DDD;border-bottom:1px solid #f8f8f8;font-weight:bold;}

.proshow2{padding-top:20px;}
.proshow2 .prodetail_con{float:right;width: 100%;}
.proshow2 .prodetail_con .tags_title{margin:0;}
.proshow2 .prodetail_con .content{padding:30px 0;}
.proshow2 .prodetail_con .content img{max-width:80%;height:auto !important;}

.contact .tags_title{}
.contact .tags_title span{float:left;width:auto;cursor:pointer;}
.contact .tags_title span.ron{background:#f1f1f1;border: 1px solid #f1f1f1;border-bottom: 1px solid #DDD;color:#666;font-weight:normal;}
.contact .content2{display:none;}
.contact .content1 ul{}
.contact .content1 ul li{float: left;width:30%;margin-right: 45px;}
.contact .content1 ul li:nth-child(3n){margin-right:0;}
.contact .content1 ul li a{display:block;}
.contact .content1 ul li a em{display:block;float:left;width:60px;height:60px;border:1px solid #ddd;border-radius:50%;margin-right:15px;}
.contact .content1 ul li.lx1 em{background:url(../images/contact_tel.png) center center no-repeat;}
.contact .content1 ul li.lx2 em{background:url(../images/contact_email.png) center center no-repeat;}
.contact .content1 ul li.lx3 em{background:url(../images/contact_address.png) center center no-repeat;-webkit-animation: bounce-up 1.4s linear infinite;animation: bounce-up 1.4s linear infinite;}
.contact .content1 ul li a .wz{float:left;width:78%;}
.contact .content1 ul li a .wz p{font-size:20px;padding-bottom:10px;}
.contact .content1 ul li a .wz span{font-size:20px;}

.lx_dz { width:100%; overflow:hidden; margin:50px auto 20px; padding:0;}
.lx_dz .dz_map { width:97%; height:370px; overflow:hidden; margin:0 auto; padding:1%; border:1px solid #d9d9d9;}
.lx_dz .dz_map iframe{width:100%;}
.lx_dz .dz_map iframe body{width:100%;}
.page_list{text-align:center;padding-top:20px;}
.page_list a{display:inline-block;padding:0 10px;background:#ddd;height:30px;line-height:30px;text-align:center;margin-right: 5px;border-radius:2px;}
.page_list a:hover{background:#7a9bba;color:#ffffff;}
.page_list a.pnnum1{background:#0256ac;color:#ffffff;}
.page_list input{display:inline-block;padding:0 5px;background:#7a9bba;width:40px !important;height:30px !important;line-height:30px;text-align:center;margin:0 5px;color:#fff;cursor:pointer;}
.page_list .p_input{display:inline-block;padding:0 5px;background:#ddd;height:30px;line-height:30px;text-align:center;margin:0 5px;color:#555;cursor:default;}

.cpzx .ly_msg { width: 100%; overflow: hidden; margin: 0 auto 20px; padding: 0;}
.cpzx .ly_msg h3 { width: 100%; height: 40px; overflow: hidden; line-height: 40px; margin: 0 auto; padding: 0; border-bottom: 1px solid #dfdfdf; color: #333; font-size: 14px; font-weight: bold; text-align: center;}
.cpzx .ly_msg ul { width: 100%; overflow:hidden; margin: 20px auto; padding: 0;/* box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;*/}
.cpzx .ly_msg ul li { width: 100%; overflow: hidden; margin: 0 auto 12px; padding: 0;}
.cpzx .ly_msg ul li h4 { width:17%; height: 34px; overflow: hidden; line-height: 34px; margin: 0; padding: 0 20px 0 0; color: #333; font-size: 14px; text-align: right; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.cpzx .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara { width: 83%; overflow: hidden; margin: 0; padding-right: 20px; background:url(/images/tb_img.png) top right no-repeat; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.cpzx .ly_msg ul li .msg_ipt1 { height: 34px;}
.cpzx .ly_msg ul li .msg_tara { height: 118px;}
.cpzx .msg_ipt1 input, .msg_tara textarea { display: block; width: 100%; overflow: hidden; margin: 0; padding: 8px 15px; color: #666; font-size: 12px; border: 1px solid #dfdfdf; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.cpzx .msg_ipt1 input { height: 34px; line-height: 16px;}
.cpzx .msg_tara textarea { height: 118px; line-height: 20px; resize: none;}
.cpzx .ly_msg ul li .msg_ipt2 { width: 120px; height: 34px; overflow: hidden; margin-right: 10px; padding:0; float: left;}
.cpzx .msg_ipt2 input { display: block; width: 120px; height: 34px; overflow: hidden; line-height: 16px; margin: 0; padding: 8px 15px; color: #666; font-size: 12px; border: 1px solid #dfdfdf; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.cpzx .ly_msg ul li a.yzm_img { display: block; width: 90px; height: 34px; overflow: hidden; margin: 0; padding-right: 20px; background:url(/images/tb_img.png) top right no-repeat; float: left;}
.cpzx .ly_msg ul li .msg_btn { width:83%; overflow: hidden; margin: 0; padding: 0; float: left;}
.cpzx .msg_btn input { display: block; width: 100px; height: 34px; overflow: hidden; line-height: 32px; margin: 20px 15px 0 0; padding: 0; background-color: #f0f0f0; color: #333; font-size: 13px; text-align: center; border: 1px solid #ccc; float: left;}
.cpzx .ly_msg ul li .msg_ipt12 {width: 83%; height: 34px; overflow: hidden; margin: 0; padding-right: 20px; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.cpzx .msg_ipt12 input { height: 34px; line-height: 16px; display: block; width: 100%; overflow: hidden; margin: 0; padding: 8px 15px; color: #666; font-size: 12px; border: 1px solid #dfdfdf; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}

.cpzx .ly_msg ul li h4 {width: 10%;height: 45px;font-size:12px;}
.cpzx .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara {width: 90%;}
.cpzx .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara {width: 90% !important;}
.cpzx .ly_msg ul li .msg_ipt1 {height: 47px;}
.cpzx .msg_ipt1 input { height: 45px; line-height: 45px;}
.cpzx .ly_msg ul li .msg_ipt12 {width: 90% !important;height: 45px !important;}
.cpzx .msg_ipt12 input {height:45px;}
.cpzx .ly_msg ul li .msg_ipt1 select{height: 45px !important;}
.cpzx input{border-radius:2px;border:1px solid #fff !important;background:#f1f1f1;}
.cpzx textarea{border-radius:2px;border:1px solid #fff !important;background:#f1f1f1;}
.cpzx select{border-radius:2px;border:none !important;background:#f1f1f1;outline:none;text-indent:10px;}
.cpzx input:focus,.cpzx textarea:focus{border: 1px solid #dedede !important;}
.cpzx  .ly_msg ul li a.yzm_img img{height:100% !important;}
.cpzx .msg_btn input{width:150px;height:45px;line-height:45px;cursor:pointer;}
.cpzx .msg_btn input:first-child{background:#7a9bba;color:#fff;outline:none;}
.cpzx  .msg_ipt2 input {height: 45px;}
.cpzx  .ly_msg ul li .msg_ipt2{height: 45px;}


/*屏幕电脑*/
@media (max-width:1199px) {
.container { width:95%; }
#header .logo{ width:52%;}
#header .logo img{max-height: 100%;max-width: 100%;}
.logo_desc{width:30%;}
.search-box{ width:27%;}
.search-box .input-search{ width:100%;}
.search-box .input-search input{ width:95%;padding-left:4%;}

#nav{}

.swiper-slide{height:400px;}

.h_news{width:95%;padding: 30px 0 20px;}
.h_news .news_bd{padding-top:20px;}

.h_products .pro_bd ul li{width:30%;}
.h_products .pro_bd ul li:nth-child(3n) {margin-right: 0px;}
.h_products .pro_bd ul li:nth-child(4n) {margin-right: 3.5%;}
.h_products .pro_bd ul li:nth-child(12n) {margin-right: 0;}

.h_title{margin: 30px auto 20px;}
.art_list ul li a{width:65%;}
.art_list ul li span{width:25%;}
.h_title h3 span{display:none;}

.con_right_about{top: 60px;height: 190px;}

.ny_content .content_right{width:98%;}
.ny_content .content_right2{width:98%;}

.ny_products .pro_bd ul li{width:30%;}
.ny_products .pro_bd ul li a .pro_img{height:300px;}

.content_right .conn .xgcp li{width:30%;}
.content_right .conn .xgcp li a .pro_img{height:300px;}

#link{width:96%;}
.ny_content{width:95%;}
.contact .content1 ul li a .wz{width:60%;}
.silder-main{min-height:inherit;}
.NyProDetail_Btm a{margin:0 15px 0 0;}
}


/*中等屏幕*/
@media (max-width:992px) {
#header .logo{width:65%;}
.top_code{display:none;}

.h_products .pro_bd ul li{width:47%;}
.h_products .pro_bd ul li:nth-child(2n){margin-right: 0;}
.h_products .pro_bd ul li:nth-child(3n) {margin-right: 4%;}
.h_products .pro_bd ul li:nth-child(6n) {margin-right: 0;}

.h_article{padding: 30px 0 0;}
.h_article .art_l{float:none;width:100%;}
.h_article .art_r{float:none;width:100%;}
.h_title{margin: 20px auto 10px;}
.h_article .art_l, .h_article .art_r{margin-bottom:15px;}

.suspension{display:block;height:auto;}
.suspension .a-service{display:none;}
.suspension .a-qrcode{display:none;}
.suspension .a-service-phone{border-radius:50%;width:20px;height:20px;padding:10px;font-size:0;background: #f1391f;color: #f1391f;box-shadow: 0px 0px 6px 0px rgb(241, 57, 31);}
.suspension .a-service-phone i{}
.suspension .a-service-phone:hover{background: #f1391f;}
.suspension .a-service-phone span{display:none;}
.suspension .a-top{border-radius:50%;width:20px;height:20px;padding:10px;font-size:0;}
.suspension .a-top .i{width: 20px; height: 20px;background-image: url(../images/suspension-bg.png);background-position: -30px -24px;}
.suspension .d-service-phone{display:none !important;}

#KFRightScreen{display:none !important;}
#KFCenterScreen{display:none !important;}
#KFBoxTitle{display:none !important;}
.custombox{display:none !important;}

.foot2 ul li{width:98%;float:none;margin-bottom:15px;overflow: hidden;}

.ny_products .pro_bd ul li{width:47%;}
.ny_products .pro_bd ul li:nth-child(2n){margin-right: 0;}
.ny_products .pro_bd ul li:nth-child(3n) {margin-right: 4%;}
.ny_products .pro_bd ul li:nth-child(6n) {margin-right: 0;}

.down_inside ul li{width:45%;padding: 1%;}
.down_inside ul li:nth-child(2n){margin-right: 0;}
.down_inside ul li:nth-child(3n) {margin-right: 3%;}
.down_inside ul li:nth-child(6n) {margin-right: 0;}

.page_list td span{display:none;}
.page_list td #firstpage{display:none;}
.page_list td #endpage{display:none;}
.page_list a{margin-right:5px;}
.page_list{font-size:0;color:#fff;margin-bottom: 0;}
.page_list input{display:none !important;}
.page_list a{font-size:12px;}

.content_right .conn .xgcp li a .pro_img{height:170px;}

.ny_content .ny_news_con{min-height:150px;}
.NyProDetail_Btm a{margin:0 10px 0 0;}
}


	
/*小屏幕*/
@media (max-width:880px) {
#header .logo{ width:30%;display:block;margin-right:54px;}
#header .logo  a{text-align:center;}
#header .logo  a{background:url(../images/logo.jpg) left center no-repeat;background-size: contain;}
.logo_desc div.tel{display:none;}

.h_search{width: 100%;padding:0;}
.logo_desc{display:block;width: 50%;float: left;margin-top: 6px;}
.h_search .form_text1{width: 70%;height:35px;font-size:12px;}
.h_search .form_button1{width: 30%;height: 35px;font-size:12px;}

#navToggle {padding:25px 15px;margin-right:-6px;display:inline-block;float:right;position:absolute;right:10px;top:50%;margin-top:-20px;}
#navToggle span {position:relative;width:25px;height:1px;}
#navToggle span:before,#navToggle span:after {content:'';position:relative;width:100%;height:1px;left:0;}
#navToggle span,#navToggle span:before,#navToggle span:after {-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s;display:block;background:#4f4f4f;}
#navToggle span:before {top:8px;}
#navToggle span:after {bottom:10px;}
#navToggle.open span:before {top:10px;-webkit-transform:translateY(-11px) rotate(-45deg);-moz-transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg);-o-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg);}
#navToggle.open span:after {bottom:12px;-webkit-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg);}
#navToggle.open span {background:none;}
#navToggle.open span:before,#navToggle.open span:after {background:#4f4f4f;}

#nav{transform:translateX(100%);}
#nav .container { width:100%; }
#nav{display:block;position:fixed;top:0px;box-shadow:0 15px 27px 0 rgba(167,165,165,0.38);width:100%;height:100%;background:#fff;z-index:99999999;opacity:1;visibility:visible;margin-top:0;overflow-y:auto;top:0;transform:translateX(100%);}
#nav.open {transform: translateX(0);overflow-X: hidden;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;}
#nav.open .top {display:block;height:60px;padding:20px;box-sizing:border-box;}
#nav.open .top .closed {width:30px;height:30px;vertical-align:middle;float:right;cursor:pointer;}
#nav.open .logo {display:block;width:100%;margin:-20px auto 0;}
#nav.open .logo img {height:100px;display:block;margin:0 auto;}
#nav.open ul {margin-top:-60px;}
#nav.open ul li {width:96%;padding:0 2%;border-bottom:1px solid #f5f5f5;transform:translateY(0);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;}
#nav.open .ul li {opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
#nav.open ul li:nth-child(0) {-webkit-transition:all .2s cubic-bezier(.77,0,.175,1) 0ms;transition:all .2s cubic-bezier(.77,0,.175,1) 0ms;}
#nav.open ul li:nth-child(1) {-webkit-transition:all .2s cubic-bezier(.77,0,.175,1) 0ms;transition:all .2s cubic-bezier(.77,0,.175,1) 0ms;}
#nav.open ul li:nth-child(2) {-webkit-transition:all .4s cubic-bezier(.77,0,.175,1) 0ms;transition:all .4s cubic-bezier(.77,0,.175,1) 0ms;}
#nav.open ul li:nth-child(3) {-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;}
#nav.open ul li:nth-child(4) {-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0ms;transition:all .8s cubic-bezier(.77,0,.175,1) 0ms;}
#nav.open ul li:nth-child(5) {-webkit-transition:all 1.0s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1.0s cubic-bezier(.77,0,.175,1) 0ms;}
#nav.open ul li:nth-child(6) {-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms;}
#nav.open ul li:nth-child(7) {-webkit-transition:all 1.0s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1.0s cubic-bezier(.77,0,.175,1) 0ms;}
#nav.open ul li:nth-child(8) {-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms;}
#nav.open ul li a {display:block;text-decoration:none;color:#333;font-size:16px;height:50px;line-height:50px;width:100%;}
#nav.open ul li a.active:after{width:25%;}
#nav ul li a:hover:after{width:25%;}	
#nav ul li a.active:after{width:25 %;}

.swiper-slide {height: 320px;}
.swiper-slide1 {background-image: url(../images/banner_sj1.jpg);}
.swiper-slide2 {background-image: url(../images/banner_sj2.jpg);}
.swiper-pagination-bullet{width:8px;height:8px;}
.swiper-container-horizontal>.swiper-pagination{bottom:10px;}

.product{padding: 20px 0px;}
.product .bd{height:280px;}
.product .bd li{height:280px;}
.product .bd li .img{margin: 10px auto 0px auto;}
.product .bd li:hover .img{margin-top:0;}
.product .bd li .name{bottom:-21px;}
.product .bd li .name p a{height:40px;line-height:40px;font-size: 16px;}
.product .bd li .name span a{font-size: 12px;}

.down_inside ul li .news_con p a{float:none;width:100%;height:30px;line-height:30px;text-align:center;}
.down_inside ul li .news_con p span{width:100%;float:none;text-align:center;height:20px;line-height:20px;margin-bottom:5px;}
.down_inside ul li .news_con a.xz{height:30px;line-height:30px;margin-bottom:10px;}

.contact .content1 ul li {float: none;width: 100%;margin-right: 0;margin-bottom:20px;}
.contact .content1 ul li a .wz{width:75%;}
.contact .content1 ul li a .wz p {float:left;width:100%;line-height:26px;padding-right:10px;}
.contact .content1 ul li a .wz span {float:left;width:100%;line-height:26px;}
.contact .content1 ul li.lx3 a .wz span {float:left;line-height:30px;}
.lx_dz {margin: 20px auto 20px; }
.lx_dz .dz_map{height:270px;}

.ny_xgwz ul li{width:100%;}
.ny_xgwz ul li a{width:58%;padding: 5px 0 5px 10%;}
.ny_xgwz ul li span{width:24%;}
}


/*手机*/
@media (max-width:767px) {
.NyProDetail_Btm{height: auto;margin: 15px auto 0;}
.NyProDetail_Btm a{ margin: 0 0 12px;}
.container { width:95%; }

#header .logo{margin-right: 20px;}

.h_tlt1 p{font-size:20px;height: 30px;line-height: 30px;}
.h_tlt1 span{font-weight:lighter;color:#ccc;font-size:18px;height: 30px;line-height: 30px;}
.h_tlt1:before{display:none;}

.flickerplate{height:240px;}
.swiper-slide{height:220px;}

.product .bd{height:204px;}
.product .bd li{height:204px;}

.h_news .news_bd .news_tj {display:none;}
.h_news .news_bd ul {width: 100%;float: none;}
.h_news .news_bd ul li .news_con span{line-height:18px;height:36px;}
.h_news .news_bd ul li .news_con{padding-left:106px;}

.h_products_in{padding: 10px 0 10px;}
.h_products .pro_bd{margin-top:30px;}
.h_products .pro_bd ul li{width:47%;height: 190px;}
.h_products .pro_bd ul li:nth-child(2n){margin-right: 0px;}
.h_products .pro_bd ul li a{padding-bottom:10px;}
.h_products .pro_bd ul li a .pro_img{height:150px;}
.h_products .pro_bd ul li a p{font-size:14px;height:40px;line-height:40px;}
.h_products .pro_bd ul li a p:after{margin: -2px auto 0;}
.h_products .pro_bd ul li a .pro_img{height:120px;}
.h_products .pro_bd ul li a span{width:88px;height:26px;}
.h_products .pro_bd ul li a span i{height:26px;}
.h_products .pro_bd ul li a:hover p{height:40px;line-height:40px;}

.h_more{width:90px;margin: 10px auto 10px;}


.foot1 .wz{float:none;width:100%;margin:0;padding-top:20px;text-align:center;line-height:24px;}
.foot1 a.zxfk{float:none;margin:15px auto 0;width: 120px;height: 40px;line-height:40px;font-size:14px;}
.foot2{padding:20px 0; }

.link .container{width:95%;margin:0 auto;}
.link .link_con{width:96%;padding: 15px 2%;}

.ny_tlt1{margin-bottom:15px;display:none;}

.ny_news_con2 .about_img{float:none;width:100%;}
.ny_news_con2 .about_wz{float:none;width:100%;padding-top:0;margin-top:-10px;}
.ny_zycp{padding:10px 15px;margin-top:15px;line-height: 22px;}
.ny_news_con2 .about_img{display:none;}

#demo{height:205px;}
#demo #indemo ul li a .pro_img{height:148px;}

.contentdiv a{width:27%;}

.ny_products .pro_bd ul li{width:47%;height: 170px;}
.ny_products .pro_bd ul li:nth-child(2n){margin-right: 0px;}
.ny_products .pro_bd ul li a{padding-bottom:10px;}
.ny_products .pro_bd ul li a .pro_img{height:150px;}
.ny_products .pro_bd ul li a p{font-size:14px;height:40px;line-height:40px;}
.ny_products .pro_bd ul li a p:after{margin: -2px auto 0;}
.ny_products .pro_bd ul li a .pro_img{height:120px;}
.ny_products .pro_bd ul li a span{width:88px;height:26px;}
.ny_products .pro_bd ul li a span i{height:26px;}
.ny_products .pro_bd ul li a:hover p{height:40px;line-height:40px;}


.ny_content .content_right2{padding-bottom:0;}
.ny_content .ny_news_con{min-height:100px;}

.new_inside ul li a{padding:10px;}
.new_inside ul li .news_time{top:11px;left:14px;}
.ny_news_ye{font-size:12px;}

.article_inside ul li a{padding:10px;}
.article_inside ul li .news_time{top:11px;left:14px;}

.content_right .conn .xgcp li{width:47%;height: 150px;}
.content_right .conn .xgcp li:nth-child(2n){margin-right: 0px;}
.content_right .conn .xgcp li:nth-child(3n) {margin-right: 3%;}
.content_right .conn .xgcp li:nth-child(6n) {margin-right: 0;}
.content_right .conn .xgcp li a{padding-bottom:30px;}
.content_right .conn .xgcp li a .pro_img{height:150px;}
.content_right .conn .xgcp li a p{font-size:14px;height:30px;line-height:30px;}
.content_right .conn .xgcp li a .pro_img{height:120px;}
.content_right .conn .xgcp li a span{width:88px;height:26px;}
.content_right .conn .xgcp li a span i{height:26px;}
.content_right .conn .xgcp li a:hover p{height:40px;line-height:40px;}
.ny_content .content_right{float:none;width:98%;padding:1%;}
.ny_content .content_right .bread_nav{overflow:visible;height:auto;line-height:24px;}
.ny_content .content_right .bread_nav h2{float:none;width:100%;}
.ny_content .content_right .bread_nav div{float:none;width:100%;text-align:left;line-height:15px;padding:10px 0 7px;}
.ny_content .content_right .bread_nav div>em{height:15px;}

.content_right .conn .xgcp2{height: 170px;overflow: hidden;margin-bottom: 20px;padding-top:10px;}

.ly_msg ul li h4{display:none;}
.cpzx .ly_msg ul li div{width:100% !important;}
.cpzx .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara{width:100% !important;}
.cpzx .ly_msg ul li .msg_ipt12{width:100% !important;}
.ly_msg ul li div.msg_ipt2{width:30% !important;}
.ly_msg ul li span{display:none;}
.ly_msg{margin: 0 auto 0 !important;}
.cpzx .msg_btn input{width:49%;margin-right:0;}
.cpzx .msg_btn input:first-child{margin-right:2%;}

.content_right .conn .proshow1{padding-top:0;}
.proshow1 .js-silder .silder-main-img{height:300px;}
.content_right .conn .proshow1 .js-silder{float:none;width: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding-top:20px;padding-bottom:20px;}
.content_right .conn .proshow1 .prodesc{float:none;width: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding-top:15px;}
.content_right .conn .proshow1 .prodesc p.desc{height:74px;}
.content_right .conn .proshow1 .pro_btn{padding-top:15px;}
.content_right .conn .proshow1 .pro_btn1{height:44px;line-height:44px;}
.content_right .conn .proshow1 .pro_btn2{height:44px;line-height:44px;}
.content_right .conn .proshow1 .pro_btn2 em{display:none;}
.tags_title{margin: 20px 0 30px;}
.proshow2 .prodetail_con{width:100%;}
.proshow2{padding-top:0;}
.proshow2 .prodetail_con .content{padding:10px 0;}

}


.jbzl_ul{ clear:both; margin-bottom:10px; border:1px solid #ccc; border-right:none; height:61px; width:420px; overflow:hidden;margin-top: 10px;}
.jbzl_ul li{ line-height:30px; float:left; width:204px; padding-left:5px; height:30px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-size:12px;}
.jbzl_ul li span{ color:#333; font-weight:bold; margin-right:5px; float:left;}
.jbzl_ul li b{ color:#FF0000; font-size:16px;}
.jbzl_ul li a{ height:20px; line-height:20px;border:1px solid #cf6408;text-align:center;color:#f97602; display:block; float:left;}
.jbzl_ul li a span{ float:none; color:#cf6408; margin:0 5px 0 5px; font-weight:normal;}
.jbzl_ul li a:hover{ background:#f97602; color:#fff;}
.jbzl_ul li a:hover span{ color:#fff;}
